<!-- 这里不需要具有完全的布局，因为这个页面将与Ajax解析-->
<!-- 顶部导航栏 -->
<div class="navbar">
	<div class="navbar-inner">
		<div class="left">
			<a href="#" class="back link"> <i class="icon icon-back"></i><span>返回</span></a>
		</div>
		<div class="center sliding">
			多媒体列表
		</div>
	</div>
</div>
<div class="pages">
	<!-- Page, data-page contains page name-->
	<div data-page="list-content" class="page no-tabbar">
		<!-- Scrollable page content-->
		<div class="page-content">
			<div class="content-block-title">
				歌曲
			</div>
			<div class="list-block media-list">
				<ul>
					<li>
						<a href="#" class="item-link item-content">
						<div class="item-media"><img src="http://img1.imgtn.bdimg.com/it/u=844801699,1262782710&fm=21&gp=0.jpg" width="80">
						</div>
						<div class="item-inner">
							<div class="item-title-row">
								<div class="item-title">
									Yellow Submarine
								</div>
								<div class="item-after">
									$15
								</div>
							</div>
							<div class="item-subtitle">
								Beatles
							</div>
							<div class="item-text">
								Lorem ipsum dolor sit amet...
							</div>
						</div> </a>
					</li>
				</ul>
			</div>
			<div class="content-block-title">
				Mail App
			</div>
			<div class="list-block media-list">
				<ul>
					<li>
						<a href="#" class="item-link item-content">
						<div class="item-inner">
							<div class="item-title-row">
								<div class="item-title">
									Facebook
								</div>
								<div class="item-after">
									17:14
								</div>
							</div>
							<div class="item-subtitle">
								New messages from John Doe
							</div>
							<div class="item-text">
								Lorem ipsum dolor sit amet...
							</div>
						</div> </a>
					</li>
				</ul>
			</div>
			<div class="content-block-title">
				Something more simple
			</div>
			<div class="list-block media-list">
				<ul>
					<li>
						<div class="item-content">
							<div class="item-media"><img src="http://img4.duitang.com/uploads/item/201401/03/20140103172030_LGAKY.thumb.200_0.jpeg" width="44">
							</div>
							<div class="item-inner">
								<div class="item-title-row">
									<div class="item-title">
										Yellow Submarine
									</div>
								</div>
								<div class="item-subtitle">
									Beatles
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-block-title">
				Inset
			</div>
			<div class="list-block media-list inset">
				<ul>
					<li>
						<a href="#" class="item-link item-content">
						<div class="item-media"><img src="..." width="44">
						</div>
						<div class="item-inner">
							<div class="item-title-row">
								<div class="item-title">
									Yellow Submarine
								</div>
							</div>
							<div class="item-subtitle">
								Beatles
							</div>
						</div> </a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>